<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        @import url(css/header.css);
        @import url(css/reset.css);
    </style>
</head>

<body>

    <!-- 头部 -->
    <div id="header-top">
        <div class="header-con-top">
            <ul class="top">
                <li>
                    <a href="shopping.html">我的购物车<img src="img/gouwuche.png" alt=""><span>0</span></a>
                </li>
                <li>
                    <a href="#">在线客服<img src="img/xiaoxi.png" alt=""></a>
                </li>
                <li>
                    <a href="#">门店查询</a>
                </li>
                <li class="login">
                    <a href="Login.html">登录</a>/<a href="Register.html"> 注册<img src="img/denlu.png" alt=""></a>
                </li>
                <!-- 购物车弹出框 -->
                <ul class="pop">
                    购物车中还没有商品赶紧选购吧
                    <p class="go">立即选购</p>
                </ul>

            </ul>


        </div>
    </div>
    <div id="header-center">
        <div class="header-con-center">
            <div class="center">
                <div id="onelogo">
                    <a href="Home.html"><img src="img/logo.png" alt=""></a>
                </div>
                <ul id="oneul">
                    <li id="oneli"><a href="#">全部商品</a></li>
                    <li id="oneli"><a href="#">新品</a></li>
                    <li class="man" id="oneli">
                        <a href="#">男装</a>
                        <!-- 二级导航 -->
                        <!-- 男装 -->
                        <div class="second" id="gentle">
                            <div class="second-con">
                                <ul class="second-left">
                                    <li>
                                        <a href="#">
                                            <h3>男士上装</h3>
                                            <p>薄外套</p>
                                            <p>衬衫</p>
                                            <p>短袖Polo</p>
                                            <p>短袖T桖</p>
                                            <p>卫衣</p>
                                            <p>羽绒服</p>
                                            <p>长袖T桖</p>
                                            <p>长袖衬衫</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <h3>男士下装</h3>
                                            <p>短裤</p>
                                            <p>连体装</p>
                                            <p>卫裤</p>
                                            <p>休闲裤</p>
                                            <p>长裤</p>
                                        </a>
                                    </li>
                                </ul>
                                <ul class="second-right">
                                    <li>
                                        <a href="#"><img src="img/nanzhuang1.jpg" alt="">
                                            <p>Dickies薄外套</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#"><img src="img/nanzhuang2.jpg" alt="">
                                            <p>Dickies下装</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                    </li>
                    <li class="woman" id="oneli">
                        <a href="#">女装</a>
                        <!-- 二级导航 -->
                        <!-- 女装 -->
                        <div class="second" id="lady">
                            <div class="second-con">
                                <ul class="second-left">
                                    <li>
                                        <a href="#">
                                            <h3>女士上装</h3>
                                            <p>薄外套</p>
                                            <p>衬衫</p>
                                            <p>短袖Polo</p>
                                            <p>短袖T桖</p>
                                            <p>卫衣</p>
                                            <p>羽绒服</p>
                                            <p>长袖T桖</p>
                                            <p>棉服</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <h3>女士下装</h3>
                                            <p>半身裙</p>
                                            <p>短裤</p>
                                            <p>连体装</p>
                                            <p>连衣裙</p>
                                            <p>卫裤</p>
                                            <p>休闲裤</p>
                                            <p>阔腿裤</p>
                                            <p>长裤</p>
                                        </a>
                                    </li>
                                </ul>
                                <ul class="second-right">
                                    <li>
                                        <a href="#"><img src="img/nvzhuang1.jpg" alt="">
                                            <p>Dickies卫衣</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#"><img src="img/nvzhuang2.jpg" alt="">
                                            <p>Dickies下装</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li id="oneli"><a href="#">情侣款</a></li>
                    <li id="oneli"><a href="#">配件</a></li>
                    <li id="oneli"><a href="#">童鞋</a></li>
                    <li id="oneli"><a href="#">品牌动态</a></li>
                </ul>
                <span>
                    <input type="text" placeholder="搜索Dickies">
                </span>

            </div>
            <ul class="opt">
                <li>热门搜索</li>
                <li>卫衣</li>
                <li>卫裤</li>
                <li>工装裤</li>
            </ul>
        </div>
    </div>
    <div class="buttom"></div>

</body>

</html>
<script src="js/jQuery.js"></script>
<script src="js/home.js"></script>